<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      >

    <h:head>
        <meta charset="utf-8" />
        <title>SIG - UPPER</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="SIG - UPPER" />
        <meta name="author" content="Grupo TheNets" />

        <link href="resources/css/upper.css" rel="stylesheet" />
        <link href="resources/css/bootstrap.min.css" rel="stylesheet" />
		
		<script type="text/javascript" src="resources/js/jquery.min-1.11.1.js"></script>
		<script type="text/javascript" src="resources/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="resources/js/locale.js"></script>
		
	    <!-- The fav icon -->
        <link href="resources/img/favicon.png" rel="shortcut icon" />
    </h:head>

    <h:body class="body">

        <div class="panel-heading">
            <div class="topmenu">
                <div class="container-fluid">
                    <a class="brand" href="/sigUpper/index.xhtml">
                        <img alt="SIG Logo" src="/sigUpper/resources/img/Logo20.png" />
                        <div class="system_name">
                            <span>S.I.G. - UPPER</span> </div>
                    </a>
                
                <div class="system_login">
                    <div class="btn-group pull-right">
                        <a class="btn btn-sm btn-default" data-toggle="dropdown" href="#">
                            <i class="icon-user"></i>
                            <span class="hidden-phone"> Gabriel Calixto </span>
                            <span class="caret"></span>
                        </a>
                         <ul class="dropdown-menu">
                                <li><a href="#">Perfil</a>
                                </li>
                                <li class="divider"></li>
                                <li><a href="login.xhtml">Sair</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
  </div>

        <div class="menubody">
            <div class="row">
                <div class="col-sm-2 col-md-2">
                    <div class="panel-group" id="accordion">

                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h4 class="panel-title">
                                    <a data-toggle="collapse" data-parent="#accordion" href="#cadastros"><span class="glyphicon glyphicon-folder-close">
                                        </span>Cadastros</a>
                                </h4>
                            </div>
                            <div id="cadastros" class="panel-collapse collapse">
                                <ul class="list-group">
                                    <li class="list-group-item"><span class="glyphicon glyphicon-pencil text-primary"></span><a href="/sigUpper/pages/modulos/cadastros/cad_clientes.xhtml">Clientes</a></li>
                                    <li class="list-group-item"><span class="glyphicon glyphicon-pencil text-primary"></span><a href="/sigUpper/pages/modulos/cadastros/cad_fornecedores.xhtml">Fornecedores</a></li>
                                    <li class="list-group-item"><span class="glyphicon glyphicon-pencil text-primary"></span><a href="/sigUpper/pages/modulos/cadastros/cad_produtos.xhtml">Produtos</a></li>
                                    <li class="list-group-item"><span class="glyphicon glyphicon-pencil text-primary"></span><a href="/sigUpper/pages/modulos/cadastros/cad_servicos.xhtml">Serviços</a></li>
                                </ul>
                            </div>
                        </div>

                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h4 class="panel-title">
                                    <a data-toggle="collapse" data-parent="#accordion" href="#financeiro"><span class="glyphicon glyphicon-folder-close">
                                        </span>Financeiro</a>
                                </h4>
                            </div>
                            <div id="financeiro" class="panel-collapse collapse">
                                <ul class="list-group">
                                    <li class="list-group-item"><span class="glyphicon glyphicon-pencil text-primary"></span><a href="/sigUpper/pages/modulos/financeiro/fin_apagar.xhtml">Contas a Pagar</a></li>
                                    <li class="list-group-item"><span class="glyphicon glyphicon-pencil text-primary"></span><a href="/sigUpper/pages/modulos/financeiro/fin_areceber.xhtml">Contas a Receber</a></li>
                                </ul>
                            </div>
                        </div>

                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h4 class="panel-title">
                                    <a data-toggle="collapse" data-parent="#accordion" href="#pedidos"><span class="glyphicon glyphicon-folder-close">
                                        </span>Pedidos</a>
                                </h4>
                            </div>
                            <div id="pedidos" class="panel-collapse collapse">
                                <ul class="list-group">
                                    <li class="list-group-item"><span class="glyphicon glyphicon-pencil text-primary"></span><a href="/sigUpper/pages/modulos/pedidos/ped_compras.xhtml">Compras</a></li>
                                    <li class="list-group-item"><span class="glyphicon glyphicon-pencil text-primary"></span><a href="/sigUpper/pages/modulos/pedidos/ped_vendas.xhtml">Vendas</a></li>
                                </ul>
                            </div>
                        </div>

                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h4 class="panel-title">
                                    <a data-toggle="collapse" data-parent="#accordion" href="#relatorios"><span class="glyphicon glyphicon-folder-close">
                                        </span>Relatórios</a>
                                </h4>
                            </div>
                            <div id="relatorios" class="panel-collapse collapse">
                                <ul class="list-group">
                                    <li class="list-group-item"><span class="glyphicon glyphicon-pencil text-primary"></span><a href="/sigUpper/pages/modulos/relatorios/rel_compras.xhtml">Compras</a></li>
                                    <li class="list-group-item"><span class="glyphicon glyphicon-pencil text-primary"></span><a href="/sigUpper/pages/modulos/relatorios/rel_produtos.xhtml">Produtos</a></li>
                                    <li class="list-group-item"><span class="glyphicon glyphicon-pencil text-primary"></span><a href="/sigUpper/pages/modulos/relatorios/rel_vendas.xhtml">Vendas</a></li>
                                </ul>
                            </div>
                        </div>	

                    </div>
                </div>


                <div class="col-sm-10 col-md-10">
                    <div class="panel with-nav-tabs panel-default">
                        <div class="panel-heading">
                            <ul class="nav nav-tabs">
                                <li class="active"><a href="#tabagenda" data-toggle="tab">Agenda</a></li>
                                <li><a href="#tabfinanceiro" data-toggle="tab">Financeiro</a></li>
                                <li><a href="#tabestoque" data-toggle="tab">Estoque</a></li>
                            </ul>
                        </div>
                        <div class="panel-body">
                            <div class="tab-content">
                                <div class="tab-pane fade in active" id="tabagenda">

                                    <iframe src="agenda.xhtml" style="overflow-x: hidden; overflow-y: hidden;" width="900" height="800" seamless="0"></iframe>

                                </div>
                                <div class="tab-pane fade" id="tabfinanceiro">
                                    Financeiro


                                </div>
                                <div class="tab-pane fade" id="tabestoque">
                                    Estoque

                                </div>
                            </div>
                        </div>
                    </div>
                </div>


            </div>
        </div>
    </h:body>
</html>
